{% extends 'plain.html' %}
{% load crispy_forms_tags %}

{% block body %}
    <div class="tw:grid tw:h-full tw:place-items-center">
        <div class="tw:min-w-2xl tw:flex tw:flex-col">
            <div class="tw:flex-none tw:flex tw:flex-col tw:gap-2 tw:border tw:rounded-box tw:p-4">
                <h1 class="tw:font-bold tw:text-xl tw:w-full tw:text-center">{% trans '完善个人信息' %}</h1>

                <div>
                    {% crispy form %}
                </div>
            </div>
            <div class="tw:grow tw:min-h-10"></div>
            <div class="tw:flex-none tw:flex tw:justify-center">
                <ul class="tw:steps">
                    <li class="tw:step tw:step-primary">{% trans '注册' %}</li>
                    <li class="tw:step tw:step-primary">{% trans '完善个人信息' %}</li>
                    <li class="tw:step"><span class="tw:step-icon">🎉</span>{% trans '完成' %}</li>
                </ul>
            </div>
        </div>
    </div>
{% endblock %}


